<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex fangyuan_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center justify-between flex-sub fangyuan_fd0_0'>
          <text class='fu-iconfont2  fangyuan_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
            data-url="1">&#xe794;</text>
          <view class='flex flex-wrap align-center flex-sub fangyuan_fd0_0_c1'>
            <image class='fangyuan_fd0_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"68.png"'></image>
            <input class='flex-sub' type="text" :placeholder="$t('请输入搜索内容')" v-model="keywords" confirm-type="done"
              :maxlength="-1" placeholder-style="color:#999;font-size:28rpx" @confirm="getHouselistFunc" />
          </view>
          <!-- <view class='flex flex-direction flex-wrap align-center fangyuan_fd0_0_c2' @tap.stop="handleJumpDiy"
            data-type="navigateTo" :data-url="`/pages/map/mapone`">
            <image class='fangyuan_fd0_0_c2_c0' mode="aspectFit" :src='STATIC_URL+"34.png"'></image>
            <text class='fangyuan_fd0_0_c2_c1'>{{$t('地图')}}</text>
          </view> -->
        </view>

      </view>
      <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
      <!---flex布局flex布局开始-->
      <view class="flex flex-wrap align-center justify-center benben-flex-layout">
        <view style="position: relative">
          <swiper @change="bannerIndexfd1_0 = $event.detail.current" class='flex position-relative fangyuan_fd1_0'
            previous-margin="0rpx" next-margin="0rpx" :display-multiple-items="1" :interval="5000" :duration="500"
            :autoplay='true' :circular='true'>


            <swiper-item class='flex  fangyuan_fd1_0' v-for='(item,key0) in carousel' :key='key0'
              @click.stop="goUrl(item)">
              <image class='fangyuan_fd1_0_c1_c0' mode="scaleToFill" :src='item.thumb'></image>
            </swiper-item>


          </swiper>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex benben-flex-layout flex-wrap align-center fangyuan_flex_2">
        <view>
          <benben-flex-tabs class-name='fangyuan_benbenTabsfd2_0' v-model="tabls" ref="benben_tabsfd2_0"
            select-mark="benben_tabsfd2_0" key="benben_tabsfd2_0" :open-title-type='false' :open-sticky='false' :top='0'
            :is-show-content='false' :scrollspy='false' :tabs-info.sync="tabsInfofd2_0">

            <scroll-view @scroll="tabsInfofd2_0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd2_0"
              class="benben-tabs" style="width:750rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd2_0.moveX"
              scroll-with-animation="all .3s ease">
              <view class="benben-tabs-content" id="benben_tabsfd2_0-content">
                <view id="benben_tabsfd2_0-title" class="benben-tabs-title flex align-center flex ">
                  <view
                    :class="{ 'checkTitlefd2_0': tabls == '1', 'flex flex-wrap align-center fangyuan_titlefd2_0_c3': true }"
                    @tap="chooseTab('1')" :id="`benben_tabsfd2_0-title-item-${'1'}`">

                    <text>{{$t('长租独立单位')}}</text>

                  </view>
                  <view
                    :class="{ 'checkTitlefd2_0': tabls == '2', 'flex flex-wrap align-center fangyuan_titlefd2_0_c4': true }"
                    @tap="chooseTab('2')" :id="`benben_tabsfd2_0-title-item-${'2'}`">

                    <text>{{$t('劏房/套房')}}</text>

                  </view>
                  <view
                    :class="{ 'checkTitlefd2_0': tabls == '3', 'flex flex-wrap align-center fangyuan_titlefd2_0_c4': true }"
                    @tap="chooseTab('3')" :id="`benben_tabsfd2_0-title-item-${'3'}`">

                    <text>{{$t('短租独立单位')}}</text>

                  </view>
                </view>
                <view :style="{ left: tabsInfofd2_0.lineleft, maxWidth: tabsInfofd2_0.lineWidth ,}"
                  id="benben_tabsfd2_0-line" class="benben-tabs-line flex benben-flex-tabs-line fangyuan_linefd2_0">
                </view>
              </view>
            </scroll-view>

          </benben-flex-tabs>

        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout fangyuan_flex_3" v-if=" tabls!='4'">
        <benben-down-menu ref="downMenu1700212310247" class='flex-direction flex-wrap align-stretch flex'
          v-model="is_droup" :auto='false' :z-index='99' mark-color='rgba(0,0,0,0.3)'>
          <view class='flex flex-wrap align-center justify-between fangyuan_fd3_0_c1'>
            <view class='flex flex-wrap align-center' @tap.stop="filterDataFunc(1)">
              <text class='fangyuan_fd3_0_c0_c0_c0_c1_c0' v-if=" state!='1'">{{$t('排序')}}</text><text
                class='fangyuan_fd3_0_c1_c0_c0_1' v-if=" state=='1'">{{$t('排序')}}</text>
              <image class='fangyuan_fd3_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"' v-if=" state!='1'">
              </image>
              <image class='fangyuan_fd3_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"79.png"' v-if=" state=='1'">
              </image>
            </view>
            <view class='flex flex-wrap align-center' @tap.stop="filterDataFunc(2)">
              <text class='fangyuan_fd3_0_c0_c0_c0_c1_c0' v-if=" state!='2'">{{$t('区域')}}</text><text
                class='fangyuan_fd3_0_c1_c0_c0_1' v-if=" state=='2'">{{$t('区域')}}</text>
              <image class='fangyuan_fd3_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"' v-if=" state!='2'">
              </image>
              <image class='fangyuan_fd3_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"79.png"' v-if=" state=='2'">
              </image>
            </view>
            <!-- <view class='flex flex-wrap align-center' @tap.stop="filterDataFunc(3)">
              <text class='fangyuan_fd3_0_c0_c0_c0_c1_c0'>{{$t('出租方式')}}</text>
              <image class='fangyuan_fd3_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"'></image>
            </view> -->
            <view class='flex flex-wrap align-center' @tap.stop="filterDataFunc(4)">
              <text class='fangyuan_fd3_0_c0_c0_c0_c1_c0'>{{$t('租金')}}</text>
              <image class='fangyuan_fd3_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"'></image>
            </view>
            <view class='flex flex-wrap align-center' @tap.stop="filterDataFunc(5)">
              <text class='fangyuan_fd3_0_c0_c0_c0_c1_c0'>{{$t('更多')}}</text>
              <image class='fangyuan_fd3_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"'></image>
            </view>
          </view>

          <template #popup>
            <view class='flex flex-direction flex-wrap align-center fangyuan_fd3_0_c0'
              :class="is_droup ? 'active' : ''">
              <view class='flex flex-direction flex-wrap align-center' v-if=" state=='1'">
                <benben-select-diy ref="showSelectPopup1700211913725"
                  class-name='flex flex-direction align-center flex fangyuan_fd3_0_c0_c0_c0' :items.sync="sortType"
                  v-model="sort_id" default-type="value" default-label="name" :allow-cancel='false' type="radio"
                  :disabled='false'>
                  <template v-for='(item,key0) in sortType'>
                    <view v-if="item.isSelected" class='flex align-center flex fangyuan_fd3_0_c0_c0_c0_c0' :key="key0"
                      @tap="chooseSort(key0)">
                      <text class='fangyuan_fd3_0_c0_c0_c0_c0_c0'>{{item.name}}</text>
                    </view>
                    <view v-else class='flex align-center flex fangyuan_fd3_0_c0_c0_c0_c0' :key="key0"
                      @tap="chooseSort(key0)">
                      <text class='fangyuan_fd3_0_c0_c0_c0_c1_c0'>{{item.name}}</text>
                    </view>
                  </template>
                </benben-select-diy>
              </view>
              <!-- 区域 -->
              <scroll-view class='askingResources_fd2_0_c0_c2' :scroll-x='true' :scroll-y='true' :show-scrollbar='true'
                v-if=" state=='2'">
                <view class='flex flex-direction align-stretch benben-scroll flex'>
                  <view class='flex container'>
                    <view class="conatiner-left">
                      <view class="itemssss" :class="tabboxID==item.aid ? 'active1' : ''"
                        v-for="(item,index) in tabboxone" @click.stop="choosebox(item)">{{item.name}}</view>
                    </view>
                    <view class="conatiner-left" v-if="tabboxID==1">
                      <view class="itemssss" :class="address==item.aid ? 'active' : ''"
                        v-for="(item,index) in addressList" @click.stop="chooseaddress(item)">{{item.name}}</view>
                    </view>
                    <view class="conatiner-right" v-if="tabboxID==1">
                      <view class="itemssss" :class="item.is_choose==1 ? 'active' : ''"
                        v-for="(item,index) in addressOneList" @click.stop="chooseaddressChildern(item)">{{item.name}}
                      </view>
                    </view>
                    <!-- 钢铁 -->
                    <view class="conatiner-right" v-if="tabboxID==2">
                      <view class="itemssss" :class="housingmrtbg_id==item.aid ? 'active' : ''"
                        v-for="(item,index) in housList" @click.stop="chooseHous(item)">{{item.name}}
                      </view>
                    </view>
                    <view class="conatiner-right" v-if="tabboxID==2">
                      <view class="itemssss" :class="item.is_choose==1 ? 'active' : ''"
                        v-for="(item,index) in housOneList" @click.stop="chooseHousChildern(item)">{{item.name}}
                      </view>
                    </view>
                    <!-- ttttt -->
                    <view class="conatiner-right" style="width: 78%;" v-if="tabboxID==3">
                      <view class="itemssss" :class="housingschool_id==item.aid ? 'active' : ''"
                        v-for="(item,index) in schoolList" @click.stop="chooseSchool(item)">{{item.name}}
                      </view>
                    </view>
                    <!-- ttttt -->
                  </view>
                </view>
              </scroll-view>
              <!-- 出租方式 -->
              <scroll-view class='askingResources_fd2_0_c0_c2' :scroll-x='true' :scroll-y='true' :show-scrollbar='true'
                v-if=" state=='3'">
                <view class='flex flex-direction align-stretch benben-scroll flex'>
                  <view class='flex container'>
                    <view class="conatiner-left">
                      <view class="itemssss" :class="rental_value==item.aid ? 'active' : ''"
                        v-for="(item,index) in rentalType" @click.stop="choosetype(item)">{{item.name}}</view>
                    </view>
                    <view class="conatiner-right">
                      <view class="itemssss" :class="rentalchilder_value==item.aid ? 'active' : ''"
                        v-for="(item,index) in rentChildernList" @click.stop="chooseChildern(item)">{{item.name}}</view>
                    </view>
                  </view>
                </view>
              </scroll-view>
              <!-- 租金预算 -->
              <view class='flex flex-direction flex-wrap align-stretch' v-if=" state=='4'">
                <view class='flex flex-direction flex-wrap align-center'>
                  <benben-select-diy ref="showSelectPopup1700212645612"
                    class-name='flex flex-direction align-center flex fangyuan_fd4_0_c0_c0_c1_c0_c0'
                    :items.sync="apartmentrentType" v-model="apartmentrent_id" default-type="aid"
                    default-label="min_max" :allow-cancel='false' type="radio" :disabled='false'>
                    <template v-for='(item,key0) in apartmentrentType'>
                      <!-- choosePrice -->
                      <view v-if="item.isSelected" class='flex align-center flex fangyuan_fd4_0_c0_c0_c1_c0_c0_c0'
                        :key="key0" @tap="$refs.showSelectPopup1700212645612.tapHandle(key0)">
                        <text class='fangyuan_fd4_0_c0_c0_c1_c0_c0_c0_c0'>{{item.min_max_in}}</text>
                      </view>
                      <view v-else class='flex align-center flex fangyuan_fd4_0_c0_c0_c1_c0_c0_c0' :key="key0"
                        @tap="$refs.showSelectPopup1700212645612.tapHandle(key0)">
                        <text class='fangyuan_fd4_0_c0_c0_c1_c0_c0_c1_c0'>{{item.min_max_in}}</text>
                      </view>
                    </template>
                  </benben-select-diy>
                </view>
              </view>
              <!-- 房源类型 -->
              <view class='flex flex-direction flex-wrap align-stretch' v-if=" state=='5'">
                <view class='flex flex-direction align-stretch fangyuan_fd3_0_c0_c1_c0' v-if=" state=='5'">
                  <view class='flex flex-direction flex-wrap align-stretch fangyuan_fd3_0_c0_c0_c0_c0'>
                    <text class='fangyuan_fd3_0_c0_c1_c0_c0_c0'>{{$t('房源类型')}}</text>
                    <benben-select-diy ref="showSelectPopup1700212464092" class-name='flex flex-wrap align-center flex'
                      :items.sync="propertyType" v-model="property_id" default-type="value" default-label="name"
                      :allow-cancel='false' type="radio" :disabled='false'>
                      <template v-for='(item,key0) in propertyType'>
                        <view v-if="item.isSelected"
                          class='flex align-center justify-center flex fangyuan_fd3_0_c0_c1_c0_c0_c1_c0' :key="key0"
                          @tap="$refs.showSelectPopup1700212464092.tapHandle(key0)">
                          <text class='fangyuan_fd3_0_c0_c1_c0_c0_c1_c0_c0'>{{item.name}}</text>
                        </view>
                        <view v-else class='flex align-center justify-center flex fangyuan_fd3_0_c0_c1_c0_c0_c1_c1'
                          :key="key0" @tap="$refs.showSelectPopup1700212464092.tapHandle(key0)">
                          <text class='fangyuan_fd3_0_c0_c1_c0_c0_c1_c1_c0'>{{item.name}}</text>
                        </view>
                      </template>
                    </benben-select-diy>
                  </view>
                  <view class='flex flex-direction flex-wrap align-stretch fangyuan_fd3_0_c0_c1_c0_c1'>
                    <text class='fangyuan_fd3_0_c0_c1_c0_c0_c0'>{{$t('性别要求')}}</text>
                    <benben-select-diy ref="showSelectPopup1700211755271" class-name='flex flex-wrap align-center flex'
                      :items.sync="genderType" v-model="gender_id" default-type="aid" default-label="name"
                      :allow-cancel='false' type="radio" :disabled='false'>
                      <template v-for='(item,key0) in genderType'>
                        <view v-if="item.isSelected"
                          class='flex align-center justify-center flex fangyuan_fd3_0_c0_c1_c0_c0_c1_c0' :key="key0"
                          @tap="$refs.showSelectPopup1700211755271.tapHandle(key0)">
                          <text class='fangyuan_fd3_0_c0_c1_c0_c0_c1_c0_c0'>{{item.name}}</text>
                        </view>
                        <view v-else class='flex align-center justify-center flex fangyuan_fd3_0_c0_c1_c0_c0_c1_c1'
                          :key="key0" @tap="$refs.showSelectPopup1700211755271.tapHandle(key0)">
                          <text class='fangyuan_fd3_0_c0_c1_c0_c0_c1_c1_c0'>{{item.name}}</text>
                        </view>
                      </template>
                    </benben-select-diy>
                  </view>
                  <!--           <view class='flex flex-direction flex-wrap align-stretch fangyuan_fd3_0_c0_c1_c0_c1'>
                    <text class='fangyuan_fd3_0_c0_c1_c0_c0_c0'>{{$t('所在楼层')}}</text>
                    <benben-select-diy ref="showSelectPopup1700212234515" class-name='flex flex-wrap align-center flex'
                      :items.sync="floorType" v-model="floor_id" default-type="aid" default-label="name"
                      :allow-cancel='false' type="radio" :disabled='false'>
                      <template v-for='(item,key0) in floorType'>
                        <view v-if="item.isSelected"
                          class='flex align-center justify-center flex fangyuan_fd3_0_c0_c1_c0_c0_c1_c0' :key="key0"
                          @tap="$refs.showSelectPopup1700212234515.tapHandle(key0)">
                          <text class='fangyuan_fd3_0_c0_c1_c0_c0_c1_c0_c0'>{{item.name}}</text>
                        </view>
                        <view v-else class='flex align-center justify-center flex fangyuan_fd3_0_c0_c1_c0_c0_c1_c1'
                          :key="key0" @tap="$refs.showSelectPopup1700212234515.tapHandle(key0)">
                          <text class='fangyuan_fd3_0_c0_c1_c0_c0_c1_c1_c0'>{{item.name}}</text>
                        </view>
                      </template>
                    </benben-select-diy>
                  </view> -->
                  <view class='flex flex-direction flex-wrap align-stretch fangyuan_fd3_0_c0_c1_c0_c1'>
                    <text class='fangyuan_fd3_0_c0_c1_c0_c0_c0'>{{$t('面积')}}({{$t('㎡')}})</text>
                    <benben-select-diy ref="showSelectPopup1700212555392" class-name='flex flex-wrap align-center flex'
                      :items.sync="areaType" v-model="area_id" default-type="aid" default-label="name"
                      :allow-cancel='false' type="radio" :disabled='false'>
                      <template v-for='(item,key0) in areaType'>
                        <view v-if="item.isSelected"
                          class='flex align-center justify-center flex fangyuan_fd3_0_c0_c1_c0_c0_c1_c0' :key="key0"
                          @tap="chooseArea(item,key0)">
                          <text class='fangyuan_fd3_0_c0_c1_c0_c0_c1_c0_c0'>{{item.min_max}}</text>
                        </view>
                        <view v-else class='flex align-center justify-center flex fangyuan_fd3_0_c0_c1_c0_c0_c1_c1'
                          :key="key0" @tap="chooseArea(item,key0)">
                          <text class='fangyuan_fd3_0_c0_c1_c0_c0_c1_c1_c0'>{{item.min_max}}</text>
                        </view>
                      </template>
                    </benben-select-diy>
                    <view class='flex flex-wrap align-center justify-between fangyuan_fd3_0_c0_c0_c0_c0'>
                      <view class='flex flex-wrap align-center fangyuan_fd3_0_c0_c1_c0_c3_c2_c0'>
                        <input class='flex-sub fangyuan_fd3_0_c0_c1_c0_c3_c2_c0_c0' type="number"
                          :placeholder="$t('最小面积')" confirm-type="done" :maxlength="-1"
                          placeholder-style="color:#999;font-size:28rpx" :value="minimum" />
                      </view>

                      <view class='flex  fangyuan_fd3_0_c0_c1_c0_c3_c2_c1'></view>

                      <view class='flex flex-wrap align-center fangyuan_fd3_0_c0_c1_c0_c3_c2_c0'>
                        <input class='flex-sub fangyuan_fd3_0_c0_c1_c0_c3_c2_c0_c0' type="number"
                          :placeholder="$t('最大面积')" confirm-type="done" :maxlength="-1"
                          placeholder-style="color:#999;font-size:28rpx" :value="maximum" />
                      </view>
                    </view>
                  </view>
                </view>
                <!--  <view class='flex flex-wrap align-center justify-between fangyuan_fd3_0_c0_c1_c1'
                  v-if=" in_array(state,'2,3,4,5')">
                  <button class='fangyuan_fd3_0_c0_c1_c1_c0' @click="clear">{{$t('重置')}}</button>
                  <button class='fangyuan_fd3_0_c0_c1_c1_c1' @click="search">{{$t('确定')}}</button>
                </view> -->
              </view>
              <view class='flex flex-direction flex-wrap align-center' v-if=" state=='4'">
                <benben-select-diy ref="showSelectPopup1700211740859"
                  class-name='flex flex-direction align-center flex  fangyuan_fd3_0_c0_c0_c0' :items.sync="rentType"
                  v-model="rent_id" default-type="value" default-label="name" :allow-cancel='false' type="radio"
                  :disabled='false'>
                  <template v-for='(item,key0) in rentType'>
                    <view v-if="item.isSelected" class='flex align-center flex fangyuan_fd3_0_c0_c0_c0_c0' :key="key0"
                      @tap="$refs.showSelectPopup1700211740859.tapHandle(key0)">
                      <text class='fangyuan_fd3_0_c0_c0_c0_c0_c0'>{{item.name}}</text>
                    </view>
                    <view v-else class='flex align-center flex fangyuan_fd3_0_c0_c0_c0_c0' :key="key0"
                      @tap="$refs.showSelectPopup1700211740859.tapHandle(key0)">
                      <text class='fangyuan_fd3_0_c0_c0_c0_c1_c0'>{{item.name}}</text>
                    </view>
                  </template>
                </benben-select-diy>
              </view>
              <view class='flex flex-wrap align-center justify-between fangyuan_fd3_0_c0_c1_c1'
                v-if=" in_array(state,'2,3,4,5')">
                <button class='fangyuan_fd3_0_c0_c1_c1_c0' @click="clear">{{$t('重置')}}</button>
                <button class='fangyuan_fd3_0_c0_c1_c1_c1' @click="search">{{$t('确定')}}</button>
              </view>
            </view>

          </template>

        </benben-down-menu>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout" v-if=" tabls=='4'">
        <benben-down-menu ref="downMenu1700212805765" class='flex-wrap align-center flex' v-model="xiala" :auto='false'
          :z-index='99' mark-color='rgba(0,0,0,0.3)'>
          <view class='flex flex-wrap align-center justify-between flex-sub fangyuan_fd4_0_c1'>
            <view class='flex flex-wrap align-center' @tap.stop="huoqudianjiFunc(6)">
              <text class='fangyuan_fd4_0_c0_c0_c1_c0_c0_c1_c0'>{{$t('品牌')}}</text>
              <image class='fangyuan_fd4_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"'></image>
            </view>
            <view class='flex flex-wrap align-center' @tap.stop="huoqudianjiFunc(7)">
              <text class='fangyuan_fd4_0_c0_c0_c1_c0_c0_c1_c0'>{{$t('租金')}}</text>
              <image class='fangyuan_fd4_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"'></image>
            </view>
            <view class='flex flex-wrap align-center' @tap.stop="huoqudianjiFunc(8)">
              <text class='fangyuan_fd4_0_c0_c0_c1_c0_c0_c1_c0'>{{$t('房型')}}</text>
              <image class='fangyuan_fd4_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"'></image>
            </view>
            <view class='flex flex-wrap align-center' @tap.stop="huoqudianjiFunc(9)">
              <text class='fangyuan_fd4_0_c0_c0_c1_c0_c0_c1_c0'>{{$t('楼型')}}</text>
              <image class='fangyuan_fd4_0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"77.png"'></image>
            </view>
          </view>

          <template #popup>
            <view class='flex flex-direction flex-wrap align-stretch fangyuan_fd4_0_c0'>
              <view class='flex flex-direction flex-wrap align-stretch'>
                <view class='flex flex-direction flex-wrap align-stretch' v-if=" state=='6'">
                  <benben-select-diy ref="showSelectPopup1700212828304"
                    class-name='flex flex-wrap flex fangyuan_fd4_0_c0_c0_c0_c0' :items.sync="brandType"
                    v-model="brand_id" default-type="aid" default-label="name" :allow-cancel='true' type="checkbox"
                    :disabled='false'>
                    <template v-for='(item,key0) in brandType'>
                      <view v-if="item.isSelected"
                        class='flex align-center justify-center flex fangyuan_fd4_0_c0_c0_c0_c0_c0' :key="key0"
                        @tap="$refs.showSelectPopup1700212828304.tapHandle(key0)">
                        <text class='fangyuan_fd4_0_c0_c0_c0_c0_c0_c0'>{{item.name}}</text>
                      </view>
                      <view v-else class='flex align-center justify-center flex fangyuan_fd4_0_c0_c0_c0_c0_c1'
                        :key="key0" @tap="$refs.showSelectPopup1700212828304.tapHandle(key0)">
                        <text class='fangyuan_fd4_0_c0_c0_c0_c0_c1_c0'>{{item.name}}</text>
                      </view>
                    </template>
                  </benben-select-diy>
                </view>
                <view class='flex flex-direction flex-wrap align-stretch' v-if=" state=='7'">
                  <view class='flex flex-direction flex-wrap align-center'>
                    <benben-select-diy ref="showSelectPopup1700212645612"
                      class-name='flex flex-direction align-center flex fangyuan_fd4_0_c0_c0_c1_c0_c0'
                      :items.sync="apartmentrentType" v-model="apartmentrent_id" default-type="aid"
                      default-label="min_max" :allow-cancel='false' type="radio" :disabled='false'>
                      <template v-for='(item,key0) in apartmentrentType'>
                        <view v-if="item.isSelected" class='flex align-center flex fangyuan_fd4_0_c0_c0_c1_c0_c0_c0'
                          :key="key0" @tap="$refs.showSelectPopup1700212645612.tapHandle(key0)">
                          <text class='fangyuan_fd4_0_c0_c0_c1_c0_c0_c0_c0'>{{item.min_max_in}}</text>
                        </view>
                        <view v-else class='flex align-center flex fangyuan_fd4_0_c0_c0_c1_c0_c0_c0' :key="key0"
                          @tap="$refs.showSelectPopup1700212645612.tapHandle(key0)">
                          <text class='fangyuan_fd4_0_c0_c0_c1_c0_c0_c1_c0'>{{item.min_max_in}}</text>
                        </view>
                      </template>
                    </benben-select-diy>
                  </view>
                </view>
                <view class='flex flex-direction flex-wrap align-stretch' v-if=" state=='8'">
                  <benben-select-diy ref="showSelectPopup1700212756927"
                    class-name='flex flex-wrap flex  fangyuan_fd4_0_c0_c0_c0_c0' :items.sync="apartmenthouseType"
                    v-model="apartmenthouse_id" default-type="aid" default-label="name" :allow-cancel='true'
                    type="checkbox" :disabled='false'>
                    <template v-for='(item,key0) in apartmenthouseType'>
                      <view v-if="item.isSelected"
                        class='flex align-center justify-center flex fangyuan_fd4_0_c0_c0_c0_c0_c0' :key="key0"
                        @tap="$refs.showSelectPopup1700212756927.tapHandle(key0)">
                        <text class='fangyuan_fd4_0_c0_c0_c0_c0_c0_c0'>{{item.name}}</text>
                      </view>
                      <view v-else class='flex align-center justify-center flex fangyuan_fd4_0_c0_c0_c0_c0_c1'
                        :key="key0" @tap="$refs.showSelectPopup1700212756927.tapHandle(key0)">
                        <text class='fangyuan_fd4_0_c0_c0_c0_c0_c1_c0'>{{item.name}}</text>
                      </view>
                    </template>
                  </benben-select-diy>
                </view>
                <view class='flex flex-direction flex-wrap align-stretch' v-if=" state=='9'">
                  <benben-select-diy ref="showSelectPopup1700212769367"
                    class-name='flex flex-wrap flex  fangyuan_fd4_0_c0_c0_c0_c0' :items.sync="apartmentbuildingType"
                    v-model="apartmentbuilding_id" default-type="aid" default-label="name" :allow-cancel='true'
                    type="checkbox" :disabled='false'>
                    <template v-for='(item,key0) in apartmentbuildingType'>
                      <view v-if="item.isSelected"
                        class='flex align-center justify-center flex fangyuan_fd4_0_c0_c0_c0_c0_c0' :key="key0"
                        @tap="$refs.showSelectPopup1700212769367.tapHandle(key0)">
                        <text class='fangyuan_fd4_0_c0_c0_c0_c0_c0_c0'>{{item.name}}</text>
                      </view>
                      <view v-else class='flex align-center justify-center flex fangyuan_fd4_0_c0_c0_c0_c0_c1'
                        :key="key0" @tap="$refs.showSelectPopup1700212769367.tapHandle(key0)">
                        <text class='fangyuan_fd4_0_c0_c0_c0_c0_c1_c0'>{{item.name}}</text>
                      </view>
                    </template>
                  </benben-select-diy>
                </view>
                <view class='flex flex-wrap align-center justify-between fangyuan_fd4_0_c0_c0_c4'>
                  <button class='fangyuan_fd4_0_c0_c0_c4_c0' @click.stop="clear">{{$t('重置')}}</button>
                  <button class='fangyuan_fd4_0_c0_c0_c4_c1' @click.stop="search">{{$t('确定')}}</button>
                </view>
              </view>
            </view>

          </template>
        </benben-down-menu>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout fangyuan_flex_5">
        <view class='flex flex-wrap align-center fangyuan_fd5_0' @tap.stop="listJumpFunc(item)" data-type="navigateTo"
          :data-url="`/pages/shouye/propertyDetails/propertyDetails`" v-for="(item,index) in houseList" :key="index">
          <view class='flex flex-direction flex-wrap align-start fangyuan_fd5_0_c0'>
            <image class='fangyuan_fd5_0_c0_c0' mode="aspectFill" :src="item.images[0] || '/static/logo.png'"></image>
            <text class='fangyuan_fd5_0_c0_c1' v-if="tabls!=4"
              :class="item.rental_method!=1 ? 'active' : ''">{{item.rental_method_name}}</text>
          </view>
          <view class='flex flex-direction flex-wrap align-start flex-sub'>
            <view class='flex flex-wrap align-center' v-if=" tabls!=4">
              <text class='fangyuan_fd5_0_c1_c0_c0'>{{item.name}}</text>
            </view>
            <view class='flex align-center' v-if=" tabls==4">
              <text class='tag'>{{item.publisher_type_name}}</text>
              <text class='margin-left-xs fangyuan_fd5_0_c1_c0_c0_name'>{{item.name}}</text>
            </view>
            <view class='flex flex-wrap align-center fangyuan_fd5_0_c1_c1' v-if=" tabls!=4">
              <text class='fangyuan_fd5_0_c1_c1_c0'>{{item.housingtype_name}}</text>
              <text class='fangyuan_fd5_0_c1_c1_c0'>{{item.housinglift_name}}</text>
              <text class='fangyuan_fd5_0_c1_c1_c0'>{{item.housingtenantgender_name}}</text>
              <text class='fangyuan_fd5_0_c1_c1_c0'>{{item.area}}{{$t('㎡')}}</text>
            </view>
            <view class='flex flex-wrap align-center fangyuan_fd5_0_c1_c1'>
              <image class='fangyuan_fd5_0_c1_c2_c0' mode="aspectFit" :src='STATIC_URL+"32.png"'></image>
              <text class='fangyuan_fd5_0_c1_c2_c1'>{{item.addr_pname}}-{{item.housingaddress_name}}</text>
            </view>
            <view class="" v-if=" tabls==4">
              <view class="flex justify-between align-center container-box" v-for="(itemC,indexC) in item.house_list"
                :key="indexC">
                <view class="text-333 text-df text-weight-600 text-cut " style="width: 200rpx;">{{itemC.name}}</view>
                <view class='flex flex-wrap align-center fangyuan_fd5_0_c1_c3'>
                  <text class='fangyuan_fd5_0_c1_c3_c0'>{{$t('HK$')}}</text>
                  <text class='fangyuan_fd5_0_c1_c3_c1'>{{itemC.price}}</text>
                  <text class='fangyuan_fd5_0_c1_c3_c0'>/{{$t('月')}}</text>
                </view>
              </view>

            </view>

            <view class='flex flex-wrap align-center fangyuan_fd5_0_c1_c3' v-if=" tabls!=4">
              <text class='fangyuan_fd5_0_c1_c3_c0'>{{$t('HK$')}}</text>
              <text class='fangyuan_fd5_0_c1_c3_c1'>{{item.monthly_rent}}</text>
              <text class='fangyuan_fd5_0_c1_c3_c0'>/{{$t('月')}}</text>
            </view>
          </view>
        </view>
        <!-- <fu-empty-ui v-if="houseList.length==0"></fu-empty-ui> -->
        <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData"
          :listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty>
      </view>

      <!---flex布局flex布局结束-->


    </view>
  </view>
</template>
<script>
  import pagingList from '@/common/mixin/paging_list.js';
  export default {
    components: {},
    mixins: [pagingList],
    data() {
      return {
        "tabsInfofd2_0": {
          lineleft: '',
          lineWidth: '',
          moveX: 0,
          scrollX: 0,
          PageScrollX: 0
        },
        "bannerIndexfd1_0": 0,
        "is_droup": false,
        "state": "0",
        "sortType": [{
          "name": global.i18n.t("默认排序"),
          "value": "",
          "image": ""
        }, {
          "name": global.i18n.t("最新发布"),
          "value": "1",
          "image": ""
        }, {
          "name": global.i18n.t("热门"),
          "value": "2",
          "image": ""
        }, {
          "name": global.i18n.t("价格由低到高"),
          "value": "3",
          "image": ""
        }, {
          "name": global.i18n.t("价格由高到低"),
          "value": "4",
          "image": ""
        }],
        "sort_id": "",
        "rentType": [],
        "rent_id": "",
        "propertyType": [{
          "name": "不限",
          "value": "999",
          "image": ""
        }, {
          "name": global.i18n.t("整租"),
          "value": "2",
          "image": ""
        }, {
          "name": global.i18n.t("合租"),
          "value": "1",
          "image": ""
        }],
        "property_id": "",
        "genderType": [],
        "gender_id": "",
        "floorType": [],
        "floor_id": "",
        "areaType": [],
        "area_id": "",
        "minimum": "",
        "maximum": "",
        "brandType": [],
        "brand_id": "",
        "apartmentrentType": [],
        "apartmentrent_id": "",
        "apartmenthouseType": [],
        "apartmenthouse_id": "",
        "apartmentbuildingType": [],
        "apartmentbuilding_id": "",
        "xiala": false,
        "tabls": "1",
        "minixPagingListsApi": "",
        "pageingListApiMethod": "",
        "allowOnloadGetList": false,
        "houseList": [],
        rentalType: [],
        rental_value: '',
        rentChildernList: [],
        rentalchilder_value: '',
        addressList: [],
        address: '',
        addressOneList: [],
        oneaddress: '',
        keywords: '',
        tabboxone: [{
            aid: '1',
            name: global.i18n.t('区域')
          },
          {
            aid: '2',
            name: global.i18n.t('港铁')
          },
          {
            aid: '3',
            name: global.i18n.t('学校')
          }
        ],
        tabboxID: 1,
        housList: [],
        schoolList: [],
        housingschool_id: '',
        housingmrt_id: '',
        language_id: '',
        carousel: [],
        housOneList: [],
        housingmrtbg_id: ''
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {},
    onLoad(options) {
      this.language_id = global.locale
      this.get_apartmentbrand() //获取品牌
      let {
        tabls
      } = options
      if (tabls !== undefined) this.tabls = tabls
      this.getHouselistFunc()
      this.getbanner()
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {

    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {
      this.brand_id = ''
      this.apartmentrent_id = ''
      this.apartmentbuilding_id = ''
      this.apartmenthouse_id = ''
      this.brand_id = ''
      this.apartmentrent_id = ''
      this.apartmenthouse_id = ''
      this.rentalchilder_value = ''
      this.oneaddress = ''
      this.gender_id = ''
      this.maximum = ''
      this.minimum = ''
      this.sort_id = ''
      this.floor_id = ''
      this.housingmrtbg_id = ''
      this.is_droup = false
      this.xiala = false
      this.$api.post(global.apiUrls.post65839ead407bb, {}).then(res => { //获取钢铁
        if (res.data.code == 1) {
          this.housList = res.data.data
          this.housOneList = this.housList[0].children
        }
      })
      this.getHouselistFunc()
    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      goUrl(item) {
        uni.navigateTo({
          url: `/pages/benben-built-in/web-view/web-view?webPath=${item.href}`
        })
      },
      async getbanner() {
        let datacarousel = await this.$api.get(global.apiUrls.post641e624160dd0, {
          type: '4'
        });

        if (datacarousel.data.code != 1) {
          this.$message.info(datacarousel.data.msg);
          return
        }
        let infocarousel = datacarousel.data;
        this.carousel = infocarousel.data
      },
      chooseTab(tabls) {
        this.tabls = tabls
        this.brand_id = ''
        this.apartmentrent_id = ''
        this.apartmentbuilding_id = ''
        this.apartmenthouse_id = ''
        this.brand_id = ''
        this.apartmentrent_id = ''
        this.apartmenthouse_id = ''
        this.rentalchilder_value = ''
        this.oneaddress = ''
        this.gender_id = ''
        this.maximum = ''
        this.minimum = ''
        this.sort_id = ''
        this.floor_id = ''
        this.housingschool_id = ''
        this.housingmrt_id = ''
        this.housingmrtbg_id = ''
        this.$api.post(global.apiUrls.post65839ead407bb, {}).then(res => { //获取钢铁
          if (res.data.code == 1) {
            this.housList = res.data.data
            this.housOneList = this.housList[0].children
          }
        })
        this.is_droup = false
        this.xiala = false
        this.getHouselistFunc()
      },
      //列表跳转
      listJumpFunc(item) {
        if (item.publisher_type != '4') {
          this.$urouter.navigateTo(`/pages/shouye/propertyDetails/propertyDetails?id=${item.aid}`);
        } else {
          this.$urouter.navigateTo(`/pages/shouye/apartmentDetails/apartmentDetails?id=${item.aid}`);
        }
      },
      // 筛选
      get_apartmentbrand() { //查询公寓品牌
        this.$api.post(global.apiUrls.post653a31921cb9b).then(res => { //查询公寓品牌
          if (res.data.code == 1) {
            this.brandType = res.data.data
            this.brandType.unshift({
              aid: '999',
              name: this.$t('不限')
            })
          }
        })
        this.$api.post(global.apiUrls.post6542169e650b1).then(res => { //查询租金预算
          if (res.data.code == 1) {
            // this.rentType=res.data.data
            this.apartmentrentType = res.data.data //品牌租金预算
          }
        })
        this.$api.post(global.apiUrls.post6542161b16125).then(res => { //查询楼型型
          if (res.data.code == 1) {
            // this.apartmentbuildingType = res.data.data //查询房屋类型
          }
        })
        // 公寓楼型
        this.$api.post(global.apiUrls.post653a314b0dab3).then(res => { //查询楼型型
          if (res.data.code == 1) {
            this.apartmentbuildingType = res.data.data //查询房屋类型
            this.apartmentbuildingType.unshift({
              aid: '999',
              name: this.$t('不限')
            })
          }
        })
        this.$api.post(global.apiUrls.post653a316889a71).then(res => { //查询房间类型
          if (res.data.code == 1) {
            this.apartmenthouseType = res.data.data //查询房间类型
          }
        })
        this.$api.post(global.apiUrls.post654215d07b2d6, {
          type: 1
        }).then(res => { //查询出租/求租方式
          if (res.data.code == 1) {
            this.rentalType = res.data.data //
            this.rentChildernList = this.rentalType[0].children
          }
        })
        this.$api.post(global.apiUrls.post6561533eeee5a, {}).then(res => { //选择区域
          if (res.data.code == 1) {
            this.addressList = res.data.data
            this.addressOneList = this.addressList[0].children
          }
        })
        this.$api.post(global.apiUrls.post6542166599a09, {}).then(res => { //性别要求
          if (res.data.code == 1) {
            this.genderType = res.data.data
          }
        })
        this.$api.post(global.apiUrls.post654216b51c976, {}).then(res => { //所在楼层  floor_id
          if (res.data.code == 1) {
            this.floorType = res.data.data
          }
        })
        this.$api.post(global.apiUrls.post6542167d0c660, {}).then(res => { //所在楼层  floor_id
          if (res.data.code == 1) {
            this.areaType = res.data.data
          }
        })
        this.$api.post(global.apiUrls.post655b03520e496, {}).then(res => { //获取学校
          if (res.data.code == 1) {
            this.schoolList = res.data.data
          }
        })
        this.$api.post(global.apiUrls.post65839ead407bb, {}).then(res => { //获取钢铁
          if (res.data.code == 1) {
            this.housList = res.data.data
            this.housOneList = this.housList[0].children
          }
        })
      },
      // endddddd
      // 选择港铁
      chooseHous(item) {
        // this.housingmrtbg_id=''
        this.housingmrtbg_id = item.aid
        this.housOneList = item.children
      },
      chooseHousChildern(item) {
        if (!this.housingmrtbg_id) {
          this.$message.info('请选择港铁')
          return;
        }
        item.is_choose == 1 ? item.is_choose = 0 : item.is_choose = 1
      },
      // 选择学校
      chooseSchool(item) {
        this.housingschool_id = item.aid
      },
      choosebox(item) {
        this.tabboxID = item.aid
      },
      chooseaddress(item) { //选择区域
        this.address = item.aid
        item.is_choose == 1 ? item.is_choose = 0 : item.is_choose = 1
        this.addressOneList = item.children
      },
      chooseaddressChildern(item) {
        if (!this.address) {
          this.$message.info('請選擇區域')
          return;
        }
        this.oneaddress = item.aid
        item.is_choose == 1 ? item.is_choose = 0 : item.is_choose = 1
        // this.xianshiFunc()
        // this.showhideDropdownFunc()
        // this.getHouselistFunc()
      },
      choosetype(item) { //出房方式
        this.rental_value = item.aid
        this.rentChildernList = item.children
      },
      chooseChildern(item) {
        this.rentalchilder_value = item.aid
        // this.xianshiFunc()
        // this.showhideDropdownFunc()
        // this.getHouselistFunc()
      },
      search() {
        this.xianshiFunc()
        this.showhideDropdownFunc()
        this.getHouselistFunc()
      },
      // 选择面积
      chooseArea(item, key0) {
        console.log('item', item)
        this.minimum = item.min_area
        this.maximum = item.max_area
        this.$refs.showSelectPopup1700212555392.tapHandle(key0)

      },
      // 选择排序
      chooseSort(key0) {
        this.$refs.showSelectPopup1700211913725.tapHandle(key0)
        this.xianshiFunc()
        this.showhideDropdownFunc()
        this.getHouselistFunc()
      },
      // 选择租金
      choosePrice(key0) {
        this.$refs.showSelectPopup1700212645612.tapHandle(key0)
        this.xianshiFunc()
        this.showhideDropdownFunc()
        this.getHouselistFunc()
      },
      clear() {
        console.log('pppp')
        this.keywords = ''
        if (this.tabls == 4) {
          this.brand_id = ''
          this.apartmentrent_id = ''
          this.apartmentbuilding_id = ''
          this.apartmenthouse_id = ''
        }
        if (this.tabls != 4) {
          this.property_id = ''
          this.brand_id = ''
          this.apartmentrent_id = ''
          this.apartmentbuilding_id = ''
          this.apartmenthouse_id = ''
          this.rentalchilder_value = ''
          this.oneaddress = ''
          this.gender_id = ''
          this.area_id = ''
          this.maximum = ''
          this.minimum = ''
          this.sort_id = ''
          this.floor_id = ''
          this.housingschool_id = ''
          this.housingmrt_id = ''
          this.housingmrtbg_id = ''
          this.$api.post(global.apiUrls.post65839ead407bb, {}).then(res => { //获取钢铁
            if (res.data.code == 1) {
              this.housList = res.data.data
              this.housOneList = this.housList[0].children
            }
          })
        }
        this.is_droup = false
        this.xiala = false
        this.getHouselistFunc()
      },
      getHouselistFunc() {

        let chooseArr = this.addressOneList.filter(item => item.is_choose == 1)
        if (chooseArr.length) {
          this.oneaddress = chooseArr.map(itemC => {
            return itemC.aid
          }).join(',')
          console.log('chooseArr', this.oneaddress)
        }
        let mrtArr = this.housOneList.filter(item => item.is_choose == 1)
        if (mrtArr.length) {
          this.housingmrt_id = mrtArr.map(itemC => {
            return itemC.aid
          }).join(',')
          console.log('housingmrt_id', this.housingmrt_id)
        }
        this.minixPagingListsApi = global.apiUrls.post65433985092d4;
        this.pageingListApiMethod = 'post';
        this.allowOnloadGetList = false;
        this.pagingListPostDataContent = {
          sort: this.sort_id, //排序
          publisher_type: this.tabls,
          apartmentbrand_id: this.brand_id, //品牌
          monthly_rent: this.apartmentrent_id, //月租
          apartmentbuildtype_id: this.apartmentbuilding_id, //房屋类型ID
          housingtype_id: this.apartmenthouse_id, //房间类型ID  gender_id 性别
          housingtenantgender_id: this.gender_id, // 性别
          rental_method: this.property_id, //整租合租
          keywords: this.keywords,
          housingrentalmethod_id: this.rentalchilder_value, //出租方式
          housingaddress_id: this.oneaddress, //区域
          housingarearange_max_area: this.maximum, //面积
          housingarearange_min_area: this.minimum, //面积
          housingrentalfloor_id: this.floor_id, //所在楼层
          housingschool_id: this.housingschool_id,
          housingmrt_id: this.housingmrt_id
        }
        this.listData = [];
        uni.stopPullDownRefresh()
        this.houseList = this.listData;
        this.pagingListToggle();

      },
      pagingListPostData() {
        return this.pagingListPostDataContent
      },
      //显示隐藏下拉容器
      showhideDropdownFunc() {
        if (this.is_droup === false) {
          this.is_droup = true;
        } else {
          this.is_droup = false;
        }
      },
      //筛选数据
      filterDataFunc(type) {
        this.state = type;
        this.showhideDropdownFunc()
      },
      //显示隐藏第二个
      xianshiFunc() {
        if (this.xiala === true) {
          this.xiala = false;
        } else {
          this.xiala = true;
        }
      },
      //获取到点击的值
      huoqudianjiFunc(id) {
        this.state = id;
        this.xianshiFunc()
      }
    }
  };
</script>
<style lang="scss" scoped>
  .askingResources_fd2_0_c0_c2 {
    touch-action: none;
    width: 750rpx;
    height: 600rpx;
  }

  .container {
    padding: 0rpx 0rpx 12rpx 0rpx;
    width: 100%;
    // height: 750rpx;
    background-color: #FFFFFF;

    .itemssss {
      height: 80rpx;
      line-height: 80rpx;
      color: #333333;
      // background-color: #FFFFFF;

      &.active {
        color: #00A7FF;
        background-color: #FFFFFF;
      }

      &.active1 {
        background-color: #e5e5e5;
      }
    }

    .conatiner-left {
      width: 20%;
      height: 100%;
      overflow-y: scroll;
      height: 600rpx;
      text-align: center;
      background-color: #F8F8F8;


    }

    .conatiner-right {
      background-color: #FFFFFF;
      width: 58%;
      text-align: left;
      overflow-y: scroll;
      height: 550rpx;
      padding-left: 2%;
    }
  }






  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: url(image-path('76.png')) no-repeat, #F8F8F8;
    background-size: 100% auto;
  }

  .fangyuan_flex_0 {
    background: url(image-path('76.png')) no-repeat;
    width: 750rpx;
    height: 88rpx;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto;
  }

  .fangyuan_fd0_0_c2_c1 {
    color: #333333;
    font-size: 22rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .fangyuan_fd0_0_c2_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .fangyuan_fd0_0_c2 {
    margin: 0rpx 0rpx 0rpx 34rpx;
    position: relative;
  }

  .fangyuan_fd0_0_c1_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 8rpx 0rpx 0rpx;
  }

  .fangyuan_fd0_0_c1 {
    background: rgba(255, 255, 255, 1);
    border-radius: 36rpx;
    background-size: 100% auto;
    padding: 16rpx 24rpx 16rpx 24rpx;
  }

  .fangyuan_fd0_0_c0 {
    font-size: 36rpx;
    margin: 0rpx 50rpx 0rpx 0rpx;
    color: rgba(51, 51, 51, 1);
  }

  .fangyuan_fd0_0 {
    padding: 0rpx 26rpx 0rpx 24rpx;
  }

  .fangyuan_numberfd1_0_c0 {
    background: #d5d5d5;
    position: absolute;
    bottom: 20rpx;
    right: 30rpx;
    width: 80rpx;
    height: 40rpx;
    border-radius: 6rpx 6rpx 6rpx 6rpx;
    font-size: 24rpx;
    color: #FFFFFF;
    line-height: 46rpx;
    font-weight: 400;
  }

  .fangyuan_fd1_0_c1_c0 {
    width: 702rpx;
    height: 320rpx;
    border-radius: 16rpx;
  }

  .fangyuan_fd1_0 {
    width: 702rpx;
    height: 320rpx;
  }

  .fangyuan_swiperDotUnselectedfd1_0 {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.3);
    width: 16rpx;
    height: 16rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    margin: 0rpx 6rpx 0rpx 0rpx;
    font-size: 24rpx;
    color: #fff;
  }

  .fangyuan_swiperDotSelectedfd1_0 {
    border: 1px solid #00A7FF;
    background: #00A7FF;
    width: 16rpx;
    height: 16rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    margin: 0rpx 6rpx 0rpx 0rpx;
    font-size: 24rpx;
    color: #fff;
  }

  ::v-deep .fangyuan_swiperDotfd1_0 {
    position: absolute;
    bottom: 8rpx;
    left: 0rpx;
    right: 0rpx;
  }

  .fangyuan_flex_2 {
    margin: 20rpx 0rpx 0rpx 0rpx;
  }

  .fangyuan_titlefd2_0_c4 {
    margin: 0rpx 40rpx 0rpx 0rpx;
  }

  .fangyuan_titlefd2_0_c3 {
    margin: 0rpx 40rpx 0rpx 24rpx;
  }

  .fangyuan_linefd2_0 {
    background: url(image-path('78.png')) no-repeat;
    width: 40rpx;
    height: 14rpx;
    top: 74rpx;
    background-size: 100% auto !important;
  }

  .checkTitlefd2_0 {
    font-weight: 500 !important;
    font-size: 32rpx !important;
    color: #333 !important;
  }

  ::v-deep .fangyuan_benbenTabsfd2_0 {
    width: 750rpx;
    height: 90rpx;
    white-space: nowrap;
    text-align: center;
    font-size: 28rpx;
    font-weight: 400;
    color: #999999;
  }

  .fangyuan_flex_3 {
    height: 88rpx;
  }

  .fangyuan_fd3_0_c1_c0_c1 {
    width: 12rpx;
    height: 8rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 8rpx;
  }

  .fangyuan_fd3_0_c1_c0_c0_1 {
    color: rgba(1, 129, 255, 1);
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .fangyuan_fd3_0_c1 {
    padding: 0rpx 24rpx 0rpx 24rpx;
    height: 88rpx;
  }

  .fangyuan_fd3_0_c0_c1_c1_c1 {
    background: rgba(1, 129, 255, 1);
    border-radius: 40rpx;
    width: 488rpx;
    line-height: 80rpx;
    font-size: 28rpx;
    color: rgba(255, 255, 255, 1);
    margin-top: 20rpx;
  }

  .fangyuan_fd3_0_c0_c1_c1_c0 {
    background: rgba(248, 248, 248, 1);
    border-radius: 40rpx;
    width: 190rpx;
    line-height: 80rpx;
    font-size: 28rpx;
    color: rgba(51, 51, 51, 1);
    margin-top: 20rpx;
  }

  .fangyuan_fd3_0_c0_c1_c1 {
    border-top: 1px solid #eee;
    margin: 8rpx 0rpx 0rpx 0rpx;
    padding: 0rpx 24rpx 20rpx 24rpx;
  }

  .fangyuan_fd3_0_c0_c1_c0_c3_c2_c1 {
    background: rgba(153, 153, 153, 1);
    width: 16rpx;
    height: 1rpx;
    margin: 0rpx 24rpx 0rpx 24rpx;
    transform: scaleY(0.5);
  }

  .fangyuan_fd3_0_c0_c1_c0_c3_c2_c0_c0 {
    text-align: center;
  }

  .fangyuan_fd3_0_c0_c1_c0_c3_c2_c0 {
    background: rgba(248, 248, 248, 1);
    width: 300rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
  }

  .fangyuan_fd3_0_c0_c1_c0_c1 {
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .fangyuan_fd3_0_c0_c1_c0_c0_c1_c1_c0 {
    color: #333333;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 24rpx;
  }

  .fangyuan_fd3_0_c0_c1_c0_c0_c1_c1 {
    background: rgba(248, 248, 248, 1);
    width: 164rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
    margin: 24rpx 16rpx 0rpx 0rpx;
  }

  .fangyuan_fd3_0_c0_c1_c0_c0_c1_c0_c0 {
    color: rgba(1, 129, 255, 1);
    font-size: 24rpx;
    font-weight: 400;
    line-height: 24rpx;
  }

  .fangyuan_fd3_0_c0_c1_c0_c0_c1_c0 {
    background: rgba(1, 129, 255, 0.1);
    width: 164rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
    margin: 24rpx 16rpx 0rpx 0rpx;
  }

  .fangyuan_fd3_0_c0_c1_c0_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .fangyuan_fd3_0_c0_c1_c0 {
    padding: 0rpx 24rpx 32rpx 24rpx;
    height: 500rpx;
    overflow-y: scroll;
  }

  .fangyuan_fd3_0_c0_c0_c0_c1_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .fangyuan_fd3_0_c0_c0_c0_c0_c0 {
    color: #0181FF;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .fangyuan_fd3_0_c0_c0_c0_c0 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  ::v-deep .fangyuan_fd3_0_c0_c0_c0 {
    padding: 0rpx 0rpx 32rpx 0rpx;
  }

  .fangyuan_fd3_0_c0 {
    // background: #ffffff;
    width: 750rpx;

    // padding: 32rpx 0rpx 40rpx 0rpx;
    &.active {
      background: #ffffff;
    }
  }

  .fangyuan_fd4_0_c1_c0_c1 {
    width: 12rpx;
    height: 8rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 8rpx;
  }

  .fangyuan_fd4_0_c1 {
    padding: 0rpx 24rpx 0rpx 24rpx;
    height: 88rpx;
  }

  .fangyuan_fd4_0_c0_c0_c4_c1 {
    background: rgba(1, 129, 255, 1);
    border-radius: 40rpx;
    width: 488rpx;
    line-height: 80rpx;
    font-size: 28rpx;
    color: rgba(255, 255, 255, 1);
    margin-top: 30rpx;
  }

  .fangyuan_fd4_0_c0_c0_c4_c0 {
    background: rgba(248, 248, 248, 1);
    border-radius: 40rpx;
    width: 190rpx;
    line-height: 80rpx;
    font-size: 28rpx;
    color: rgba(51, 51, 51, 1);
    margin-top: 30rpx;
  }

  .fangyuan_fd4_0_c0_c0_c4 {
    border-top: 1px solid #eee;
    margin: 8rpx 0rpx 0rpx 0rpx;
    padding: 0rpx 24rpx 0rpx 24rpx;
  }

  .fangyuan_fd4_0_c0_c0_c1_c0_c0_c1_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .fangyuan_fd4_0_c0_c0_c1_c0_c0_c0_c0 {
    color: #0181FF;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .fangyuan_fd4_0_c0_c0_c1_c0_c0_c0 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  ::v-deep .fangyuan_fd4_0_c0_c0_c1_c0_c0 {
    padding: 0rpx 0rpx 32rpx 0rpx;
  }

  .fangyuan_fd4_0_c0_c0_c0_c0_c1_c0 {
    color: #333333;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 24rpx;
  }

  .fangyuan_fd4_0_c0_c0_c0_c0_c1 {
    background: rgba(248, 248, 248, 1);
    margin: 20rpx 15rpx 0rpx 0rpx;
    width: 164rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
  }

  .fangyuan_fd4_0_c0_c0_c0_c0_c0_c0 {
    color: #0181FF;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 24rpx;
  }

  .fangyuan_fd4_0_c0_c0_c0_c0_c0 {
    background: rgba(1, 129, 255, 0.1);
    width: 164rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
    margin: 20rpx 16rpx 0rpx 0rpx;
  }

  ::v-deep .fangyuan_fd4_0_c0_c0_c0_c0 {
    margin: 12rpx 9rpx 032rpx 24rpx;
  }

  .fangyuan_fd4_0_c0 {
    background: #ffffff;
    width: 750rpx;
    padding: 40rpx 0rpx 40rpx 0rpx;
  }

  .fangyuan_flex_5 {
    padding: 0rpx 24rpx 0rpx 24rpx;
  }

  .fangyuan_fd5_0_c1_c3_c1 {
    color: #F7582F;
    font-size: 36rpx;
    font-weight: 700;
    line-height: 36rpx;
  }

  .fangyuan_fd5_0_c1_c3_c0 {
    color: #F7582F;
    font-size: 24rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .fangyuan_fd5_0_c1_c3 {
    margin: 13rpx 0rpx 0rpx 0rpx;
  }

  .fangyuan_fd5_0_c1_c2_c1 {
    color: #666666;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .fangyuan_fd5_0_c1_c2_c0 {
    width: 24rpx;
    height: 24rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 4rpx 0rpx 0rpx;
  }

  .fangyuan_fd5_0_c1_c1_c0 {
    background: rgba(243, 245, 250, 1);
    color: rgba(106, 124, 143, 1);
    font-size: 22rpx;
    font-weight: 400;
    line-height: 32rpx;
    padding: 0rpx 7rpx 0rpx 7rpx;
    background-size: 100% auto !important;
    margin: 0rpx 10rpx 0rpx 0rpx;
  }

  .fangyuan_fd5_0_c1_c1 {
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .fangyuan_fd5_0_c1_c0_c0 {
    color: #333333;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 42rpx;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .fangyuan_fd5_0_c1_c0_c0_name {
    color: #333333;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 42rpx;
    max-width: 200rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .tag {
    background: rgba(250, 164, 58, 0.8);
    color: #FFFFFF;
    font-size: 24rpx;
    border-radius: 8rpx;
    padding: 2rpx 6rpx;
  }

  .fangyuan_fd5_0_c0_c1 {
    background: rgba(52, 122, 255, 0.8);
    padding: 6rpx 14rpx 6rpx 14rpx;
    border-radius: 16rpx 0rpx 16rpx 0rpx;
    background-size: 100% auto;
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 24rpx;
    position: absolute;
    top: 0rpx;
    left: 0rpx;

    &.active {
      background: rgba(250, 164, 58, 0.8);
    }
  }

  .fangyuan_fd5_0_c0_c0 {
    width: 226rpx;
    height: 226rpx;
    border-radius: 16rpx;
  }

  .fangyuan_fd5_0_c0 {
    position: relative;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .fangyuan_fd5_0 {
    background: rgba(255, 255, 255, 1);
    border-radius: 16rpx;
    background-size: 100% auto !important;
    margin: 0rpx 0rpx 24rpx 0rpx;
    padding: 24rpx;
  }

  .container-box {
    margin-top: 10rpx;
  }
</style>
